/*----Normalization----*/
*{
	margin:0;
	padding: 0;
	font-family:'微软雅黑';
}

html,body{
	min-width:672px;
	width: 100%;
	height: 100%;
}

body{
	font-size:62.5%;
}

.wrapper{
	padding:0 4%;
	overflow:hidden;
	height:auto;
	width:100%;
	box-sizing:border-box;
}

.mainbox{
	max-width:1400px;
	padding:0 2%;
	overflow:hidden;
	height:auto;
	width:100%;
	box-sizing:border-box;
}
.margin-right-10{
	margin-right: 10px;
}

.margin-right-20{
	margin-right: 20px;
}
/*----遮罩层MASK----*/
.mask{
	width: 100%;
	height: 100%;
	background:black;
	opacity:0.8;
	position:absolute;
	z-index:999;
	display:none;

}

/*----Pop-up window----*/
.popup {
	border-radius: 3px;
	width: 314px;
	height: 104px;
	position: absolute;
	z-index: 1000;
	left: 329px;
	top: 258px;
  /**display:none;**/

}
.popup>#sign_up{
	width:220px;
	height:110px;
  border-radius:4px;
	left:50%;
  top: 50%;
	position: absolute;
	}
.popup>#sign_up>#a{
	 font-size:15px;
	 background-color: rgb(227, 227, 227); 			
	 border-radius:4px;
	}
.popup>#sign_up>#a>#b{
	font-size:15px;
	border-radius: 3px;
	margin-left:8px;
	width:204px;
	height:35px;
	background-color:white;
	}
.popup>#sign_up>#a>#b>#h{
	height:7px;
	border-radius: 3px;
	}
.popup>#sign_up>#a>#h{
	height:10px;
	background-color: rgb(227, 227, 227); 
	border-radius:4px;
	}
.popup>#sign_up>#c{
	width:220px;
	height:8px;
	}
.popup>#sign_up>#d{
	width: 105px;
	height: 30px;
	float: left;
	text-align: center;
	font-size: 15px;
	border-radius: 4px;
	background-color: rgb(35,116,175);
	color: white;
	font-weight: bold;
}
.popup>#sign_up>#g{
	width:8px;
	height:30px;
	float:left;
}
.Inpt{
	border:0;
	outline:none;/*去除蓝色边框*/
	font-size:14px;
	}
.popup>#sign_up>#e{
	width: 105px;
	height: 30px;
	float: left;
	text-align: center;
	font-size: 15px;
	border-radius: 4px;
	background-color: rgb(165,51,88);
	color: white;
	font-weight: bold;
}
.popup>#sign_up>#d>#f{
	height:5px;
}
.popup>#sign_up>#e>#f{
	height:5px;
}


/*----Navigation----*/

.nav{
	font-size:1.4em;
	width:100%;
	height: 40px;
	background:#2890ca;
	position:relative;
	padding:5px 20px;
	box-sizing:border-box;
	margin-bottom:40px;

}

.logo{
	width: 123px;
	height: 22px;
	background-image:url('../../img/checkin/logo1.png');
	margin:auto;
	line-height:22px;
	position:absolute;
	left:45%;
	top:25%;

}

.header_search{
	width:150px;
	height:100%;
	margin-right:10px;
	border-bottom:1px solid white;
	color:white;
	padding:5px 0;
	box-sizing:border-box;
	float:left;

}
.searchBox{
	width:123px;
	background:transparent;
	border:none;
}
.search_logo{
	
	background-image:url('../../img/checkin/search.png');
	width: 17px;
	height: 17px;
	float:right;
}

.quikCheck{
	
  border-radius: 3px;
  background-color: rgb(128, 185, 217);
  width: 80px;
  height:100%;
  text-decoration:none;
  display:block;
  float:left;
  color:white;
  text-align:center;
  margin:auto;
  padding:4px 0px;
  box-sizing:border-box;
}

.logout_logo{
	background-image:url('../../img/checkin/logout.png');
	width: 20px;
	height: 23px;
	float:right;
	transform: scale(0.8);
	margin-top:2px;
}

.ueserinfo{

	float:right;
}

.profile{
	float:left;
	background:url('../../img/checkin/pic.jpg') center center;
	background-size:cover;
  	border-radius: 5px;
  	width: 30px;
  	height: 30px;
}

.userId{
	color:white;
	line-height: 30px;
}

/*----Curriculum----*/

.caption{
	font-size:1.8em;
	color:black;
	margin-bottom:20px;
	clear:left;

}

.caption-logo{
	float:left;
	background-image:url('../../img/checkin/search.png');
	width: 17px;
	height: 17px;


}

.courses{
	overflow:hidden;
	margin-bottom: 20px;
	padding-left:2%;
}

.courses .course,.add-course {
	float:left;
	list-style:none;
	width:23%;
	margin-right:2%;
	height: auto;
	overflow:hidden;
	margin-bottom: 20px;
}

.courses .course a{
  border-radius: 3px;
  background:#2890ca;
  height: 118px;
  display:block;
  padding:4% 5%;
  box-sizing:border-box;
  text-decoration: none;
}

.courses .course a:hover{
	background:#0372af;
}

.courses .course a:hover .title{
	color:#2890ca;
}

.title{
	font-size:2em;
	color:white;
	font-weight:bold;
}

.add-course a{
  border-radius: 3px;
  background:#dbdbdb;
  height: 118px;
  line-height: 100px;
  text-align: center;
  display:block;
  padding:4% 5%;
  box-sizing:border-box;
  text-decoration: none;
  color:#8c8c8c;
  font-size:1.8em;
}

.add-course a:hover{
	background:#ccc;
}
